<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>个人爱好</title>
  <style>
    body{
      background-color: #000000;
    }
    div.a{
      float:left;
      position:relative;
      left:50%;

    }
    div.b {

      position: relative;
      left: -50%;

    }
    .center {
      margin: auto;
      width: 50%;
    }
  </style>
</head>
<body>
<div style="background-color: #555555;height: 100%;width:100%;float: left">
  <a href="javascript:history.back(-1)" style="text-decoration: none;color: red"><p style="font-size: 22px;display: inline">返回上一页</p></a>

  <h1 style="text-align: center;color: white">个人爱好</h1>
  <div style="float: left;margin-left: 55px">
    <p style="color: white;font-size: 20px">1,跑步：</p>
    <img src="../picture/跑步.jpg">
  </div>
  <div style="float: left;margin-left: 55px">
    <p style="color: white;font-size: 20px">2,骑行：</p>
    <img src="../picture/骑行.jpg" style="width: 420px">
  </div>
  <div style="float: left;margin-left: 55px">
    <p style="color: white;font-size: 20px">3,羽毛球：</p>
    <img src="../picture/羽毛球.jpg" style="height: 257px;width: 211px">
  </div>
  <div style="float: left;margin-left: 55px">
    <p style="color: white;font-size: 20px;">4,篮球：</p>
    <img src="../picture/篮球.jpg" style="height: 257px;width: 393px;">
  </div>
  <div style="float: left;margin-left: 55px">
    <p style="color: white;font-size: 20px;">5,音乐：</p>
    <img src="../picture/音乐.jpg" style="height: 257px;width: 420px">
  </div>
  <div style="float: left;margin-left: 55px">
    <p style="color: white;font-size: 20px;">6,乒乓球：</p>
    <img src="../picture/乒乓球.jpg" style="height: 257px;width: 211px">
  </div>
</div>
</body>
</html>
